<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
    <title>首页-PlayGirl</title>
    <link rel="stylesheet" th:href="@{/bootstrap/css/bootstrap.min.css}">
</head>
<body>

<div th:replace="~{common/header::header(activeUrl='index.html')}"></div>

<main role="main">
    <div class="jumbotron" style="background-color: #ffffff;box-shadow: 0px -2px 10px #d0cccc inset;">
        <div class="container">
            <h1 class="display-3">PlayGirlの小社区 <small
                    style="font-size: 20px;">仅供社群内部人员使用，打造我们自己的圈子！</small></h1>
            <p style="margin-top: 2rem;">

                花花女生网是一个专注于服装、化妆、影视和健康话题的在线论坛。我们致力于为广大女性用户提供一个交流、分享和学习的平台，让她们可以畅所欲言地探讨时尚潮流、化妆技巧、影视作品以及健康生活的种种话题。
                在花花女生网，您可以与来自世界各地的女性朋友们共同探讨时尚趋势，分享您的搭配心得，了解最新的服装款式和品牌信息。同时，我们也提供丰富的化妆教程和技巧分享，帮助您掌握化妆技能，展现自信美丽的一面。

            </p>
        </div>
    </div>

    <div class="container">

        <div class="row">
            <div class="col-md-4">
                <h2>问答</h2>
                <p> 提供高质量的问答服务，致力于解决社区中小伙伴们遇到的问题，并给出解决方案，做到学有所伴，问有所答！</p>
                <p><a class="btn btn-secondary" role="button" th:href="@{/question}">前往 »</a></p>
            </div>
            <div class="col-md-4">
                <h2>博客</h2>
                <p>
                    给社群小伙伴提供记录自己学习的地方，推出个人博客，优化博客样式，更加方便的管理和展现文章，同时优质的文章会被更多的人看到！ </p>
                <p><a class="btn btn-secondary" role="button" th:href="@{/blog}">前往 »</a></p>
            </div>
        </div>

        <hr>

    </div>
</main>

<div th:replace="~{common/footer::footer}"></div>

<a class="to-top">返回顶部</a>
<script th:src="@{/js/jquery-3.5.1.min.js}"></script>
<script th:src="@{/bootstrap/js/bootstrap.bundle.min.js}"></script>
<script th:src="@{/js/toTop.js}"></script>

</body>
</html>